<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>layui</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <link
      rel="stylesheet"
      href="./layuimini-v2/lib/layui-v2.6.3/css/layui.css"
      media="all"
    />
    <link rel="stylesheet" href="./layuimini-v2/css/public.css" media="all" />
    <style>
      body {
        background-color: #ffffff;
      }
    </style>
  </head>
  <body>
    <div class="layui-form layuimini-form">
      <div class="layui-form-item">
        <label class="layui-form-label required">账号</label>
        <div class="layui-input-block">
          <input
            type="text"
            name="account"
            lay-verify="required"
            lay-reqtext="用户名不能为空"
            placeholder="请输入用户名"
            value=""
            class="layui-input"
          />
          <tip>填写用户账号</tip>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label required">密码</label>
        <div class="layui-input-block">
          <input
            type="password"
            name="password"
            lay-verify="required"
            lay-reqtext="用户密码不能为空"
            placeholder="请输入用户密码"
            value=""
            class="layui-input"
          />
          <tip>填写用户密码</tip>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label required">姓名</label>
        <div class="layui-input-block">
          <input
            type="text"
            name="name"
            lay-verify="required"
            lay-reqtext="用户姓名不能为空"
            placeholder="请输入用户姓名"
            value=""
            class="layui-input"
          />
          <tip>填写用户姓名</tip>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label required">性别</label>
        <div class="layui-input-block">
          <input type="radio" name="gender" value="1" title="男" checked="" />
          <input type="radio" name="gender" value="2" title="女" />
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label required">年龄</label>
        <div class="layui-input-block">
          <input
            type="number"
            name="age"
            lay-verify="required"
            lay-reqtext="用户年龄不能为空"
            placeholder="请输入用户年龄"
            value=""
            class="layui-input"
          />
          <tip>填写数字格式</tip>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label required">账号状态</label>
        <div class="layui-input-block">
          <input type="radio" name="status" value="1" title="正常" checked="" />
          <input type="radio" name="status" value="2" title="被封禁" />
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label required">手机</label>
        <div class="layui-input-block">
          <input
            type="number"
            name="phone"
            lay-verify="required"
            lay-reqtext="手机不能为空"
            placeholder="请输入手机"
            value=""
            class="layui-input"
          />
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-input-block">
          <button
            class="layui-btn layui-btn-normal"
            lay-submit
            lay-filter="saveBtn"
          >
            确认保存
          </button>
        </div>
        2
      </div>
    </div>
    <script
      src="./layuimini-v2/lib/layui-v2.6.3/layui.js"
      charset="utf-8"
    ></script>
    <script>
      layui.use(["form"], function () {
        var form = layui.form,
          layer = layui.layer,
          $ = layui.$;

        //监听提交
        form.on("submit(saveBtn)", function (data) {
          console.log(data.field);
          $.ajax({
            type: "POST",
            url: "https://douzi.wiki:7000/GROW/api/user",
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify(data.field),
            success: function (res) {
              window.location.href = "HotelUser-hotel.html";
            },
            error: function (res) {},
          });

          var index = layer.alert(
            {
              title: "最终的提交信息",
            },
            function () {
              // 关闭弹出层
              layer.close(index);
              var iframeIndex = parent.layer.getFrameIndex(window.name);
              parent.layer.close(iframeIndex);
            }
          );

          return false;
        });
      });
    </script>
  </body>
</html>
